{% extends '../../../source/frontend/layouts/skins/v2/layout.volt' %}

{% block header %}
    <title>{{ category.getName() }}</title>
    <meta name="title" content="{{ category.getName() }}" />
    <meta name="description" content="{{ category.getDescription() }}" />
    <meta property="og:title" content="{{ category.getName() }}">
    <meta property="og:type" content="website">
    <meta property="og:description" content="{{ category.getDescription() }}" />
    <meta property="og:site_name" content="JAVHD.VN" />
    <meta property="og:video" content="https://secure.hulu.com/embed/1NZ3eohccy_6gkWSigziJQ"/>
    <meta property="og:url" content="http://www.hulu.com/watch/703835?playlist_id=1031"/>
    <meta property="og:video:type" content="application/x-shockwave-flash"/>
{% endblock %}


{% block mastheadSection %}
    {% if(blockPoster) %}
        {{ blockPoster }}
    {% else %}
    <div id="serp-header" class="promo-header"></div>
    {% endif %}
{% endblock %}

{% block content %}
    {% if(videos|length) %}
    <div class="row">
        <div class="page-header">
            <h3>
                <a href="">
                    {{ category.getName() }}
                </a>
            </h3>
        </div>
        <div>
            <div class="subtray">
                {% for videoCategoryLink in videoCategoryLinks %}
                    {% if(videoCategoryLink.getVideoId() > 0) %}
                    <div class="item">
                        <div class="thumbnail">    
                            <a href="{{url(videoCategoryLink.video.getLinkTo())}}">
                                {{ image(helper.getPathImageFromImageLink(videoCategoryLink.video.getMainImages() , '220_124')) }}
                                <div class="description">
                                    <div class="title">
                                        {{videoCategoryLink.video.videoDescription.getName()}}
                                    </div>
                                </div>
                            </a>                           
                        </div>
                    </div>
                    {% elseif(videoCategoryLink.getVideoGroupId() > 0) %}
                     <div class="item">   
                        <div class="thumbnail">                           
                            <a href="{{url(videoCategoryLink.videoGroup.getLinkTo())}}">
                                {{ image(helper.getPathImageFromImageLink(videoCategoryLink.videoGroup.getMainImages() , '220_124')) }}
                                <div class="description">
                                    <div class="title">
                                        {{videoCategoryLink.videoGroup.videoDescription.getName()}}
                                    </div>
                                </div>
                            </a>                           
                        </div>
                    </div>
                    {% endif %}
                {% endfor %}
            </div>
        </div>
    </div>
{% endif %}
{% endblock %}